*{
    padding: 0;
    margin: 0;
}


nav{
    position: sticky;
    width: 100%;
    height: 1.38rem;
    display: flex;
    .nav-pic{
        width: 1.58rem;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        img{
            width: .58rem;
            height: .58rem;
            border-radius: 50%;
            background-color: gainsboro;
    
        }
    }
    .nav-1{
        width: 7.64rem;
        height: 100%;
        display: flex;
        justify-content: space-around;
        align-items: center;
        span{
            font-size: .37rem;
            position: relative;
            &:hover::after{
                display: block;
            }
            &::after{
                display: none;
                content: '';
                position: absolute;
                width: .58rem;
                height: .06rem;
                background-color: #ff5934;
                top: .46rem;
                left: .06rem;
            }
            &:hover{
                color: #ff5934;
            }
        }
    }
}




.lbt{
    width: 100%;
    height: 11.89rem;
    overflow: hidden;
    position: relative;
    .lbt-1{
        
        width: 300%;
        height: 100%;
        display: flex;
        animation: lbt 6s linear infinite;
        img{
            width: 33.333%;
            height: 100%;
        }
        

    }
    .lbt-11{
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 1.35rem;
        height: .69rem;
        border-radius: .35rem;
        color: white;
        background-color: gainsboro;
        font-size: .35rem;
        top: 10.08rem;
        left: 8.64rem;
    }
    
}
@keyframes lbt{
    0%{
        transform: translateX(0);
    }
    50%{
        transform: translateX(-33.33%);
    }
    100%{
        transform: translateX(-66.66%);
    }
}



.jiage{
    padding-left: .58rem;
    span{
        &:nth-child(1){
            font-size: .72rem;
            color: #ff6700;
        }
        &:nth-child(2){
            font-size: .36rem;
            color: #000008;
            position: relative;
            &::after{
                content: '';
                position: absolute;
                left: .26rem;
                top: .23rem;
                width: .92rem;
                height: .03rem;
                background-color: #000008;
            }
        }
    }
}

.yuji{
    width: 9.82rem;
    height: 1.04rem;
    background-color: #fff2ef;
    display: flex;
    color: red;
    align-items: center;
    font-size: .35rem;
    margin: auto;
    border-radius: .2rem;
    div{
        margin-left: .58rem;
        border: .03rem solid red;
    
    }
    span{
        margin-left: 5.5rem;
    }
}
.juji-t{
    h5{
        font-size: .48rem;
        margin: .29rem 0 .29rem .58rem;
    }
}
.juji-2{
    
    width: 9.82rem;
    height: 1.7rem;
    margin: auto;
    font-size: .36rem;
    list-style:decimal-leading;
   
    li{
        
        margin-left: .58rem;
        margin-top: .14rem;
        
    }
}


.pic-1{
    width: 100%;
    height: 2.49rem;
    overflow: scroll;
    &::-webkit-scrollbar{
        display: none;
    }
    .pic-1-1{
        width: 25.06rem;
        height: 100%;
        display: grid;
        grid-template-columns: repeat(10,2.51rem);
        grid-template-rows: 100%;
        .pic-1-11{
            display: flex;
            flex-direction: column;
            align-items: center;
            font-size: .36rem;
            img{
                margin-top: .58rem;
                width: .45rem;
                height: .45rem;
            }
        }
    }
}

.fenge{
    height: .3rem;
    background-color: #f6f6f6;
}


.yixuan{
    width: 100%;
    height: 1.32rem;
    font-size: .36rem;
    display: flex;
    align-items: center;
    position: relative;
    &::after{
        content: '';
        position: absolute;
        width: 85%;
        height: .03rem;
        background-color: gainsboro;
        left: 15% ;
        top: 1.44rem;
    }
    span{
        &:nth-child(1){
            margin-left: .58rem;
        }
        &:nth-child(2){
            position: relative;
            margin-left: .58rem;
            &::after{
                position: absolute;
                content: '>';
                left: 7.78rem;
            }
        }
    }
}
.yixuan2{
    width: 100%;
    height: 1.32rem;
    font-size: .36rem;
    display: flex;
    align-items: center;
    position: relative;
    
    span{
        &:nth-child(1){
            margin-left: .58rem;
        }
        &:nth-child(2){
            position: relative;
            margin-left: .58rem;
            &::after{
                position: absolute;
                content: '>';
                left: 7.78rem;
            }
        }
    }
}

.xiaomi1{
    height: 1.09rem;
    background-color: #fcfcfc;
    display: flex;
    align-items: center;
    font-size: .35rem;
    img{
        margin-left: .58rem;
        width: .36rem;
        height: .36rem;
        margin-right: .14rem;

    }
}


.yonghu{
    width: 9.82rem;
    height: 9.1rem;
    margin: .14rem .48rem;
    .yh1{
        height: 1.08rem;
        display: flex;
        align-items: center;
        span{
            &:nth-child(1){
                font-size: .42rem;
                font-weight: bold;
            }
            &:nth-child(2){
                font-size: .36rem;
                color: gainsboro;
                margin-left: 5rem;
            }
        }

    }
    .yh2{
        font-size: .35rem;
        height: 1.81rem;
        
        
        .yh2-1{
            display: inline-block;
            text-align: center;
            line-height: .6rem;
            width: 1.84rem;
            height: .6rem;
            border-radius: .3rem;
            background-color: #ffeeea;
            margin-right: .29rem;
            margin-bottom: .29rem;
        }
    }
    .yh3{
        width: 7.55rem;
        height: 4.78rem;
        padding: .46rem;
        border-radius: .29rem;
        border: 1px solid gainsboro;
        .yh3-1{
            display: flex;
            
            div{
                img{
                    width: 1.01rem;
                    height: 1.01rem;
                    border-radius: 50%;
                    margin-right: .58rem;
                }
                font-size: .35rem;
            }
            
        }
        .yh3-2{
            margin-top: .29rem;
            font-size: .36rem;
        }
        img{
            width: 2.28rem;
            height: 2.28rem;
            border-radius: .29rem;
        }
    }
}



.lbt2{
    width: 100%;
    height: 3.31rem;
    overflow: hidden;
    background-color: gainsboro;
    .lbt22{
        width: 200%;
        display: flex;
        justify-content: space-around;
        animation: lbt2 5s linear infinite;
        img{
            margin-top: 10px;
            width: 9.82rem;
            height: 2.71rem;
            border-radius: .14rem;

        }
    }
}
@keyframes lbt2{
    0%{
        transform: translateX(0);
    }
    100%{
        transform: translateX(-100%);
    }
}


.weiwo{
    margin: auto;
    width: 9.82rem;
    height: 1.18rem;
    display: grid;
    grid-template-columns: repeat(2,50%);
    grid-template-rows: 100%;
    font-size: .36rem;
    div{
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        &:hover{
            color: #ff6700;
        }
        &::after{
            display: none;
            content: '';
            position: absolute;
            top: 70%;
            width: .75rem;
            height: .06rem;
            background-color: #ff6700;
        }
        &:hover::after{
            display: block;
        }
    }
}


.pic-tt{
    margin: auto;
    width: 9.82rem;
    height: 4.61rem;
    display: grid;
    grid-template-columns: repeat(3,3.11rem);
    grid-template-rows: 100%;
    div{
        font-size: .36rem;
        img{
            width: 3.11rem;
            height: 3.11rem;
        }
        span{
            &:nth-child(3){
                color: #ff6700;
            }
            &:nth-child(4){
                color: gainsboro;
                position: relative;
                &::after{
                    content: '';
                    position: absolute;
                    width: 1.09rem;
                    height: .03rem;
                    background-color: gainsboro;
                    top: .2rem;
                    left: .06rem;
                }
            }
        }
    }
}


.pic{
    
    img{
        width: 100%;
    }
}









.kong{
    height: 1.5rem;
}




.footer-2{
    position: fixed;
    bottom: 0;
    background-color: white;
    width: 100%;
    height: 1.5rem;
    display: grid;
    grid-template-columns: repeat(5,20%);
    grid-template-rows: 100%;
    a{
        display: block;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-size: .35rem;
        text-decoration: none;
        img{
            width: .6rem;
            height: .6rem;
        }
        &:nth-child(1){
            color: #ff6700;
        }
    }
    &::before{
        content: '';
        position: absolute;
        width: 3.97rem;
        height: 1.09rem;
        background: url(../img/APP图片/footer-0.png);
        background-size: 100%;
        top: -1.44rem;
        left: 30%;
    }
}